<template>
  <the-hero img="kid1">
    <template #title>
      <span class="lg:text-5xl text-xl font-bold">智慧幼儿园运营管理平台</span>
    </template>
    <template #subtitle>
      <div class="-mt-2 lg:mt-0">助力幼儿园集团标准化运营管理</div>
      <div class="lg:mt-4 mt-1 lg:text-lg text-sm">
        模块化，按需开通 · 支持功能定制
      </div>
    </template>
    <template #button>
      <el-button type="primary" @click="$store.commit('SQ')"
        >申请试用</el-button
      >
      <el-button class="!ml-10" type="info" @click="$store.commit('ZX')"
        >立即咨询</el-button
      >
    </template>
  </the-hero>
</template>

<script>
import theHero from "@/components/hero.vue";

export default {
  components: { theHero },
};
</script>

<style>
</style>